<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>
</head>
<body>
<script type="text/javascript" src="https://static.landi.com/common/js/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.date.js"></script>



<div id="test1"
       data-options="{'type':'YYYY-MM','beginYear':2020,'endYear':2022}">11</div>
<div id="test2"
     data-options="{'type':'YYYY-MM','beginYear':2020,'endYear':2022}">22</div>
<script>
    $.date('#test1');

    $.date('#test2');

/*// 得到要观察的元素
var elementToObserve = document.getElementById("test1");
console.log(elementToObserve)

// 创建一个叫 `observer` 的新 `MutationObserver` 实例，
// 并将回调函数传给它
var observer = new MutationObserver(function() {
    console.log('触发');
});

// 在 MutationObserver 实例上调用 `observe` 方法，
// 并将要观察的元素与选项传给此方法
observer.observe(elementToObserve, {childList: true});*/


/*   new MyDate('#test1', ()=>{
        return test1()
    })

   new MyDate('#test2', ()=>{
        return test2()
    })*/


    function test1() {
        console.log(1111)
    }
    function test2() {
        console.log(2222)
    }
</script>
</body>
</html>
